<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>退换货</title>
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/tpshop.css" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/myaccount.css" />
    <script src="__STATIC__/js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/return.sprite.css" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/return.add.css" />
    <style>
        .col_main {
            width: 1000px;
            float: right;
            background: #fff;
        }
    </style>
</head>
<body class="bg-f5">
<include file="user/header"/>
<div class="home-index-middle">
    <div class="w1224">
        <div class="g-crumbs">
            <a href="{:U('Home/User/index')}">我的商城</a>
            <i class="litt-xyb"></i>
            <span>退换货</span>
        </div>
        <div class="home-main">
            <include file="user/menu"/>
            <div class="ri-menu fr">
                <div class="col_main noHidden">
                    <!--下面内内容自己添加 -->
                    <div class="return_area">
                        <div class="user-head clearfix">
                            <h3>退换货</h3>
                            <!--<a class="" href="">
                                        查看退货规则
                                    </a>-->
                        </div>
                        <!-- tab -->
                        <div class="ui_tab">
                            <div class="ui_tab_content J_order_list">

                                <!--退货记录-->
                                <div class="wi940">
                                    <form name="return_form" id="return_form" autocomplete="off" method="post">
                                        <input type="hidden" name="order_id" value="{$order_id}" />
                                        <input type="hidden" name="order_sn" value="{$order_sn}" />
                                        <input type="hidden" name="goods_id" value="{$goods_id}" />
                                        <input type="hidden" name="spec_key" value="{$_GET[spec_key]}" />
                                        <input type="hidden" name="type" value="0"  id="tvalue" >
                                        <div class="mod-main mod-comm" id="air03">

                                            <div class="mc">
                                                <table class="tb-void mb10">
                                                    <thead>
                                                    <tr>
                                                        <th>商品</th>
                                                        <th>购买单价</th>
                                                        <th>购买数量</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    <tr>
                                                        <td>
                                                            <ul class="list-proinfo" id="removeTheSingleGife">
                                                                <li class="fore1">
                                                                    <a href="{:U('Home/Goods/goodsInfo',array('id'=>$goods['goods_id']))}" target="_blank">
                                                                        <img height="50" width="50" title="{$goods['goods_name']}" src="{$goods[goods_id]|goods_thum_images=50,50}" data-img="1" alt="">
                                                                        {$goods['goods_name']}
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </td>
                                                        <td>￥{$goods['member_goods_price']}</td>
                                                        <td id="buynum">{$goods['goods_num']}</td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                                <div name="productInfo_zp-info" style="display:none"></div>
                                            </div>
                                            <div class="form">
                                                <div class="item kfarea" id="sellerPrompt">
                                                    <div class="ml20"> <span><em>*</em><span style="color: red; "> 温馨提示：</span></span>
                                                        <label>本次售后服务将由 <span id="sellerNamePrompt" style="color: red; ">{$tpshop_config['shop_info_store_name']}</span> 为您提供 </label>
                                                    </div>
                                                    <div class="clr"></div>
                                                </div>
                                                <div class="repair-steps" id="repairSteps">
                                                    <div class="repair-step repair-step-curr pt10 mb10" id="firstRepairStep">

                                                        <!-- 服务类型 -->
                                                        <div class="item"> <span class="label"> <em> * </em> 服务类型： </span>
                                                            <div class="fl">
                                                                <ul class="list-type list-type-new">
                                                                    <li tvalue="0" class="selected">
                                                                        <a href="javascript:void(0);">退货<b></b> </a>
                                                                    </li>
                                                                    <if condition="$goods['is_send'] eq 0 or $goods['order_status'] eq 2">
                                                                        <li tvalue="1" class="">
                                                                            <a href="javascript:void(0);">换货<b></b> </a>
                                                                        </li>
                                                                    </if>
                                                                </ul>
                                                            </div>
                                                            <div class="clr"> </div>
                                                        </div>
                                                        <!-- 问题描述 外层div-->
                                                        <div id="miaoShuDiv" style="">
                                                            <!-- 大家电服务地址 -->


                                                            <!-- 问题描述 -->
                                                            <div class="item"> <span class="label"> <em> * </em> 问题描述： </span>
                                                                <div class="fl">
                                                                    <textarea name="reason" id="reason" cols="" rows="" class="area"></textarea>
                                                                    <div class="ar ftx-03">10-500字</div>
                                                                    <div class="msg-text-01"> 请您如实填写申请原因及商品情况，字数在500字内。 </div>
                                                                </div>
                                                                <div class="clr"> </div>
                                                            </div>

                                                            <!-- 图片信息 -->
                                                            <div class="item item01"> <span class="label">图片信息：</span>
                                                                <div class="fl">
                                                                    <div class="i-btns" style="text-align: left;">
                                                                        <input type="button" value="上传照片" onclick="GetUploadify(5,'return_imgs','return_goods','return_imgs');">
                                                                        <input type="text" name="imgs" id="return_imgs" readonly="" style="border:none">
                                                                    </div>
                                                                    <span id="uploadImgLoading" class="fl"></span> <span id="img_des" class="fl">为了帮助我们更好的解决问题，请您上传图片</span>
                                                                    <div class="clr"></div>
                                                                    <span class="msg-text">最多可上传5张图片，每张图片大小不超过5M，支持bmp,gif,jpg,png,jpeg格式文件</span>
                                                                    <div class="clr"></div>
                                                                    <div name="mscolluploadImg-info" style="display:none"></div>
                                                                </div>
                                                                <div class="clr"></div>
                                                            </div>
                                                            <!-- 问题描述 外层div-->
                                                        </div>
                                                    </div>
                                                    <div id="defaultQueRenDiv" style="" class="repair-step">
                                                        <!-- 确认信息 -->
                                                        <div class="mt-10"> <strong>寄回地址</strong></div>

                                                        <!-- 取货地址 -->
                                                        <div class="item" id="pickWareAddress_defaultShow" style="display: block;"> <span class="label"><em>*</em>寄回地址：</span>
                                                            <div class="fl">{$tpshop_config['shop_info_address']}</div>
                                                            <div class="clr"></div>
                                                        </div>
                                                        <!-- 上班时间 -->
                                                        <div class="item" id="reserveDate_small_div_defaultShow" style="display: block;"> <span class="label"><em>*</em>上班时间：</span>
                                                            <div class="fl" id="reserveDate_small_div_defaultShow_fl">(周一致周五) 08:00-19:00 (周六日) 休息</div>
                                                            <div class="clr"></div>
                                                        </div>
                                                        <!-- 客服电话 -->
                                                        <div class="item" id="reserveDate_small_div_defaultShow" style="display: block;"> <span class="label"><em>*</em>客服电话：</span>
                                                            <div class="fl" id="reserveDate_small_div_defaultShow_fl">{$tpshop_config['shop_info_phone']}</div>
                                                            <div class="clr"></div>
                                                        </div>

                                                        <!-- now -->
                                                        <!-- 确认信息 外层div 结束 -->
                                                    </div>

                                                    <!-- 提交按钮 -->
                                                    <div class="item" id="submitDiv" style=""><span class="label">&nbsp;</span>
                                                        <div class="fl" name="divSubmit">
                                                            <div name="submitTips" style="display:none"></div>
                                                            <a href="javascript:void(0)" onclick="submit_form();" class="btn btn-7" name="btnSubmit"><s></s>提交</a> </div>
                                                        <div class="clr"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <!-- tab end-->
                    </div>

                    <!-- 以上为中间内容区域 注释自己2删除-->
                </div>
            </div>
        </div>
    </div>
</div>
<!--footer-s-->
<div class="footer p">
    <include file="public/footer_index" />
</div>
<!--footer-e-->
<script type="text/javascript">
    $(function(){
        $('.time-sala ul li').click(function(){
            $(this).addClass('red').siblings().removeClass('red');
        })
        $('.searc_sx a').click(function(){
            $(this).addClass('red').siblings('a').removeClass('red');
        })
    })
    function submit_form()
    {
        var reason = $.trim($('#reason').val());
        var return_imgs= $.trim($('#return_imgs').val());
        if(reason == '')
        {
            layer.alert('请输入退换货原因!', {icon: 2});// alert('请输入退换货原因!');
            return false;
        }

        if(return_imgs == '')
        {
            if(!confirm('确定不传照片吗?'))
            {
                return false;
            }
        }
        $('#return_form').submit();
    }

    // 上传退货拍照图片
    function return_imgs(img)
    {
        $('#return_imgs').val(img);
    }

    //  退换货颜色切换
    $(document).ready(function(){
        $("ul.list-type-new li").click(function(){
            $(this).addClass('selected').siblings().removeClass('selected');
            $('#tvalue').val($(this).attr('tvalue'));
        });
    });
</script>
</body>
</html>